<div class="otp-leg">
  <div class="otp-legHeader" {{#if routeColor }}style="border-top:3px solid #{{routeColor}};"{{/if}}>
    <div class="agencyBranding" style="background-image: url({{agencyLogoUrl}});"></div>
    <span><b><a target="_blank" href="{{agencyUrl}}">{{agencyName}}</a></b></span>
    <b><div class="otp-legMode-icon otp-legMode-icon-{{ mode }}"></div> {{routeShortName}}</b> {{routeLongName}} to {{#if headsign}}{{headsign}}{{else}}{{to.name}}{{/if}}
  </div>
  {{#each alerts}}
    <div class="alert alert-warning">{{alertDescriptionText.someTranslation}}</div>
  {{/each}}
  <div class="otp-legBody">
    <div class="otp-transitLeg-leftCol">{{formatTime startTime timeOffset}}
      <div class="OTPLeg-showTimes hidden">
        <a href="#" class="showTimes">times...</a>
        <div class="OTPLeg-times"></div>
      </div>
    </div>
    <div class="otp-transitLeg-endpointDesc otp-from"><b>Depart</b>: {{from.name}}</div>
    {{#if from.stopId.id}}<div class="otp-transitLeg-endpointDescSub">Stop #{{from.stopId.id}}</div>{{/if}}
    <div class="otp-transitLeg-buffer"></div>
    <div class="otp-transitLeg-elapsedDesc clearfix"><i>Time in transit: {{formatDuration duration}}</i></div>
    <div class="otp-transitLeg-buffer"></div>
    <div class="otp-transitLeg-leftCol">{{formatTime endTime timeOffset}}</div>
    <div class="otp-transitLeg-endpointDesc otp-to"><b>Arrive</b>: {{to.name}}</div>
  </div>
</div>
